<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<ul>
				<todo-item v-for="item in items" v-bind:todo="item"></todo-item>
			</ul>
		</div>
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<script>
			Vue.component('todo-item',{
				props:['todo'],
				template:'<li>{{todo.text}}</li>'
			})
			var app=new Vue({
				el:'#app',
				data:{
					items:[
						{text:'123'},
						{text:'234'},
						{text:'345'}
					]
				}
			})
		</script>
	</body>
</html>
